<template>
    <h1>属性绑定指令</h1>
    <input type="text" value="tom">
<!--  将value属性的值与name变量进行绑定，由name变量来控制输入框显示的默认值  -->
    <input type="text" v-bind:value="name">
<!--  简写形式  -->
    <input type="text" :value="name">
    <input type="text" v-model="name">
    <hr>
    <a href="url">超连接1</a>
    <a :href="url">超连接2</a>
</template>


<script setup>
    import { ref } from 'vue';
    
    
    const name = ref('李女士');
    const url = ref('http://www.bilibili.com');
    url.value = 'http://www.douyin.com';
</script>


<style scoped>

</style>